<!-- 库存管理-物料管理-物料/产品管理 -->
<template>
  <div>
    <pageHeader
      :title="title"
      :breadCrumb="breadCrumb"
      :show-back="true"
    ></pageHeader>
    <div class="management-content">
      <leftList class="leftList"></leftList>
      <mainList class="mainLeft"></mainList>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { computed, ref, reactive } from 'vue';
  import leftList from './tree/index.vue';
  import mainList from './table/index.vue';

  const title: string = '库位列表';
  const breadCrumb: string[] = ['库存管理', '仓库管理', '库位列表'];
</script>

<style scoped lang="less">
  .management-content {
    padding: 10px 10px 10px 20px;
    display: flex;
    height: 666px;

    .mainLeft {
      height: 100%;
      display: flex;
      flex-direction: column;
      flex: 1;
      overflow: auto;
    }
  }
</style>
